<#include "../layout/main.html">
<@layout>
<div class="layui-fluid">
    <div class="larry-container animated fadeIn">

        <!-- 统计模块面板 -->
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md2">
                <div class="layui-card">
                    <div class="layui-card-header">
                        会员
                        <span class="layui-badge layui-bg-blue layuiadmin-badge">今日</span>
                    </div>
                    <div class="layui-card-body layuiadmin-card-list">
                        <p class="layuiadmin-big-font">0</p>
                        <p>总会员数
                            <span class="layuiadmin-span-color">0 <i class="layui-inline layui-icon layui-icon-flag"></i></span>
                        </p>
                    </div>
                </div>
            </div>
            <div class="layui-col-md2">
                <div class="layui-card">
                    <div class="layui-card-header">
                        商品
                        <span class="layui-badge layui-bg-green layuiadmin-badge">今日</span>
                    </div>
                    <div class="layui-card-body layuiadmin-card-list">
                        <p class="layuiadmin-big-font">0</p>
                        <p>商品总数
                            <span class="layuiadmin-span-color">0 <i class="layui-inline layui-icon layui-icon-flag"></i></span>
                        </p>
                    </div>
                </div>
            </div>
            <div class="layui-col-md2">
                <div class="layui-card">
                    <div class="layui-card-header">
                        积分商品
                        <span class="layui-badge layui-bg-orange layuiadmin-badge">今日</span>
                    </div>
                    <div class="layui-card-body layuiadmin-card-list">
                        <p class="layuiadmin-big-font">0</p>
                        <p>商品总数
                            <span class="layuiadmin-span-color">0 <i class="layui-inline layui-icon layui-icon-flag"></i></span>
                        </p>
                    </div>
                </div>
            </div>
            <div class="layui-col-md2">
                <div class="layui-card">
                    <div class="layui-card-header">
                        合同
                        <span class="layui-badge layui-bg-cyan layuiadmin-badge">今日</span>
                    </div>
                    <div class="layui-card-body layuiadmin-card-list">
                        <p class="layuiadmin-big-font">0</p>
                        <p>合同总数
                            <span class="layuiadmin-span-color">0 <i class="layui-inline layui-icon layui-icon-flag"></i></span>
                        </p>
                    </div>
                </div>
            </div>
            <div class="layui-col-md2">
                <div class="layui-card">
                    <div class="layui-card-header">
                        订单
                        <span class="layui-badge layui-bg-cyan layuiadmin-badge">今日</span>
                    </div>
                    <div class="layui-card-body layuiadmin-card-list">
                        <p class="layuiadmin-big-font">0</p>
                        <p>订单总数
                            <span class="layuiadmin-span-color">0 <i class="layui-inline layui-icon layui-icon-flag"></i></span>
                        </p>
                    </div>
                </div>
            </div>
            <div class="layui-col-md2">
                <div class="layui-card">
                    <div class="layui-card-header">
                        结算申请
                        <span class="layui-badge layui-bg-orange layuiadmin-badge">今日</span>
                    </div>
                    <div class="layui-card-body layuiadmin-card-list">
                        <p class="layuiadmin-big-font">0</p>
                        <p>申请总数
                            <span class="layuiadmin-span-color">0 <i class="layui-inline layui-icon layui-icon-flag"></i></span>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <!-- 功能点模块 -->
        <!-- <div class="larryms-card layui-row layui-col-space15 larryms-products">
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
                <section class="layui-card">
                    <div class="layui-card-body ui-a">
                        <i class="larry-icon yun-sousuoxiawu-"></i>
                        <p>UI范例</p>
                        <div class="label-content">
                            <span class="label label-default label-outline">布局</span>
                            <span class="label label-default label-outline">layui组件</span>
                            <span class="label label-default label-outline">基本</span>
                            <span class="label label-default label-outline">表单</span>
                            <span class="label label-default label-outline">进阶</span>
                        </div>
                    </div>
                </section>
            </div>
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
                <section class="layui-card">
                    <div class="layui-card-body ui-b">
                        <i class="larry-icon yun-ziyuan17"></i>
                        <p>JS组件库</p>
                        <div class="label-content">
                            <span class="label label-default label-outline">动画库</span>
                            <span class="label label-default label-outline">60+JS库</span>
                            <span class="label label-default label-outline">编辑器</span>
                            <span class="label label-default label-outline">600+图标库</span>
                        </div>
                    </div>
                </section>
            </div>
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
                <section class="layui-card">
                    <div class="layui-card-body ui-c">
                        <i class="larry-icon yun-hetongguanli2"></i>
                        <p>图表动画</p>
                        <div class="label-content">
                            <span class="label label-default label-outline">Echarts</span>
                            <span class="label label-default label-outline">仪表盘</span>
                            <span class="label label-default label-outline">svg动画</span>
                            <span class="label label-default label-outline">scrolla动画</span>
                            <span class="label label-default label-outline">炫酷CSS3</span>
                        </div>
                    </div>
                </section>
            </div>
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
                <section class="layui-card">
                    <div class="layui-card-body ui-d">
                        <i class="larry-icon yun-shangjiaguanli2"></i>
                        <p>页面示例</p>
                        <div class="label-content">
                            <span class="label label-default label-outline">小工具</span>
                            <span class="label label-default label-outline">错误页</span>
                            <span class="label label-default label-outline">注册登录</span>
                            <span class="label label-default label-outline">H5场景</span>
                            <span class="label label-default label-outline">30+常用页</span>
                        </div>
                    </div>
                </section>
            </div>
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
                <section class="layui-card">
                    <div class="layui-card-body ui-e">
                        <i class="larry-icon yun-wangzhan"></i>
                        <p>表格示例</p>
                        <div class="label-content">
                            <span class="label label-default label-outline">基本表格</span>
                            <span class="label label-default label-outline">DataTable</span>
                            <span class="label label-default label-outline">树形表格</span>
                        </div>
                    </div>
                </section>
            </div>
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
                <section class="layui-card">
                    <div class="layui-card-body ui-f">
                        <i class="larry-icon yun-youhuiquan"></i>
                        <p>系统模板</p>
                        <div class="label-content">
                            <span class="label label-default label-outline">用户</span>
                            <span class="label label-default label-outline">权限</span>
                            <span class="label label-default label-outline">菜单</span>
                            <span class="label label-default label-outline">内容</span>
                            <span class="label label-default label-outline">栏目</span>
                            <span class="label label-default label-outline">微信公众</span>
                            <span class="label label-default label-outline">100+模板页</span>
                        </div>
                    </div>
                </section>
            </div>
        </div> -->

        <!-- 图形化面板 -->
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-header">用户来源</div>
                    <div class="layui-card-body">
                        <div class="count-data" id="larryCount">
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-header">会员周增量</div>
                    <div class="layui-card-body">
                        <div class="count-data" id="larryCount3">
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">会员月增量</div>
                    <div class="layui-card-body">
                        <div class="count-data" id="larryCount2">
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
</@layout>